<!doctype html>
<html lang="en">
  <head>
    <script type="module" crossorigin src="/frontend-mini-challenges/javascript/assets/index-0lfcWy0N.js"></script>
    <link rel="modulepreload" crossorigin href="/frontend-mini-challenges/javascript/assets/navbar-PAFhV-cJ.js">
    <link rel="modulepreload" crossorigin href="/frontend-mini-challenges/javascript/assets/header-DIqzw3PH.js">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/navbar-Dkne97UN.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/header-DAZPOirm.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/index-D2aa5Za3.css">
  </head>
  <body>
    <div class="container text-center">
      <div id="follower"></div>
      <p>
        This pointer moves towards the mouse pointer. Try moving your mouse around the screen.<br />
        This is an interactive challenge works with pointer devices.
      </p>

      <div class="form">
        <div>
          <label for="speed">Speed</label>
          <input
            type="range"
            name="speed"
            id="speed"
            min="0.02"
            max="0.3"
            step="0.02"
            value="0.1"
          />
        </div>

        <div>
          <label for="cursor">Show cursor</label>
          <input type="checkbox" name="cursor" id="cursor" checked />
        </div>
      </div>
    </div>
  </body>
</html>
